*{ padding: 0; margin: 0; text-decoration: none; list-style: none; outline: none;}
body{ font-family:"微软雅黑","黑体","宋体";}
a{ direction: none;}
table{direction:none;}
img{border: none;}
@font-face {font-family: 'impact';src: url('../font/impact.ttf');}

.pubCon{ width:1200px; margin: 0 auto;}
/* welcome */
.welcome{ width:100%; height: 30px;  font-size:14px; color:#4e5b17; position: relative; z-index: 999;}
.welcome p{ line-height: 30px; float:left;}
.welcome b{ font-size:16px; color:#4e5b17; line-height:30px; float:right; }
.welcome b img{ float:left; margin-top:4px; margin-right:3px;}
.welcome b span{ font-weight: 100; font-size:14px;}



/* top */
.top{ position: relative; z-index: 999;}
.top .pubCon{ width:1200px; margin: 0 auto; height: 98px; background: url(../images/navbj.png) no-repeat center;}
.top .logo{ float:left; margin-left:47px; margin-top:20px; }
.nav{ width:840px; height: 98px; float:right;}
.nav li{ width:105px; float:left;   } 
.nav li p {font-size:18px; padding-top:30px; transition:0.5s;}
.nav li span{ font-size:12px; display: block;}
.nav li a{ color:#fff;display: inline-block; width:100%; height: 98px;}
.nav li:hover a{ color:#fdfd0b;}
.nav li:hover p{ padding-top:20px;}
/*banner*/
.banner{ height:800px; width:100%; position:relative; overflow:hidden; z-index:1; top:-98px;}
.banner ul li{ position:absolute; top:0; left:50%; margin-left:-960px; display:none;}

.banner ol li{ display:inline-block; width:16px; height:16px; font-size:12px; background:#333; color:#fff; text-align:center; line-height:16px; border-radius:50%; margin:0 3px; cursor:pointer;}
.banner ol{ position:absolute; bottom:20px; left:0; width:100%; font-size:0px; text-align:center;}
.banner ol li.on{ background:#e30303;}

.banner .btn{ width:40px; height:80px; font-size:50px; position:absolute; top:50%; margin-top:-40px; text-align:center; line-height:80px; color:#fff; cursor:pointer; transition:0.3s; opacity:0;}
.banner:hover .btn{ opacity:1;}
.banner .btn_l{ left:11%;}
.banner:hover .btn_l{ left:5%;}
.banner .btn_r{ right:11%;}
.banner:hover .btn_r{ right:5%;}
/*banner*/

.gonggao { height: 80px; position: relative; top:-178px; z-index: 999; background: url(../images/ttelbj.png) no-repeat center; overflow: hidden;}
.ggtel img{ float:left; margin:20px; }
.ggR p{ font-size:16px; color:#fff; padding-top:15px;}
.ggR i{ font-size:26px; color:#fdfd0b; font-weight: 600;}
.gonggao #marquee2{width:840px;height:45px; line-height: 45px; overflow:hidden;margin-right:25px; margin-left:30px;float:right; margin-top:-35px;}
.gonggao #marquee2 ul li{float:left;  line-height:45px;}
.gonggao #marquee2 ul li a{ color:#fff; font-size:14px;}

/* product */
.product{ width:100%; height: 950px; background: url(../images/probj.jpg) no-repeat center; margin-top:-170px;}
.pubTit{ text-align: center; padding-top:20px;} 
.pronav{ width:1200px; margin:30px auto 20px;}
.pronav li{ width:225px; height: 45px; float:left; line-height: 45px; text-align: center; border:1px solid #019340; background: #019340; transition: 0.75s; border-radius:5px; margin-right:15px; margin-bottom:10px;}
.pronav li a{color:#fff; font-size:18px; width:100%; display:inline-block;}
.pronav li:nth-child(5){ margin-right:0px;}
.pronav li:hover{ border:1px solid #019340; background: #fff;}
.pronav li:hover a{ color:#019340;}

.proList{ width:100%; overflow:hidden; padding-top:30px; margin-bottom: 50px; }
.proList ul{width:100%; }
.proList ul li{ width:280px; height: 300px;   float:left; margin-right:25px; margin-bottom:35px; overflow:hidden; text-align:center; position:relative;}
.proList ul li:nth-child(4n){ margin-right:0px;}
.proList ul li .propic{ width:280px; height:300px; overflow:hidden;}
.proList ul li .propic img{ width:100%; transition:0.5s; min-height: 300px;}
.proList ul li:hover .propic img{ transform:scale(1.1)}
.proList ul li h4{position: absolute;bottom:0px; height:40px;  font-size:16px; color:#fff; font-weight:100; text-align:center; line-height:40px; width:100%; transition:0.5s; background:rgba(0,0,0,0.5);}
.proList ul li:hover  h4{ background:#019340; }

/* about */
.about{ width:100%; height: 590px; background:url(../images/abbj.jpg) no-repeat center ; }
.about .pubCon{position: relative;  }
.abimg{     width: 440px;
    height: 248px;
    position: absolute;
    top: 127px;}
.abimg img{ position: absolute; right:0px;right:0px; z-index: 99;}
.abimgbj{ width:358px; height: 477px; background: #fff; position: absolute; bottom:0px; left:0px;}
.abtext{ width:690px; position: absolute; top:90px; right:0px;}
.abtext h2{ color:#fdfd0b; font-size:36px;}
.abtext h2 span{ font-size:26px; color:#fff; font-weight: 100; text-transform: uppercase; display: inline-block; margin-left:5px;}
.abtext i{ width:210px; height: 1px; background:#fdfd0b; display: block; margin:15px 0px;}
.abtext p{ font-size:15px; color:#fff;line-height: 30px; color:#fff; text-indent: 2em;}
.abmore{width:137px; height: 46px; background: url(../images/abmorebj.png) no-repeat center; line-height: 46px; margin-top:30px;}
.abmore a{ font-size:16px; color:#fff; margin-left:20px;}
.abmore a img{ margin-left:10px; display: inline; transition:0.75s;}
.abmore:hover a img{ margin-left:25px;}

/*shuzi*/
.abBot{ width:1200px; height: 125px; position: absolute; top:422px;  right:0px; z-index: 999; }
.fl_listbox{background:#067ae6; width:100%; position:absolute;bottom:0px;}
.fl_list{ position: relative; z-index: 10; height:125px; width:1000px; margin:0 auto;}
.fl_list .fl_item{ position: relative; font-size: 18px; display: block; height: 100%; float: left; width:25%; text-align: center; background: #FFF;}

.fl_list .fl_item .li_box{  padding-top:20px;}
.fl_list .fl_item .li_box .icon{ margin-top:30px; height:60px;}
.fl_list .fl_item:nth-child(4n) .li_box{ border-right:none;}
.fl_list .fl_item:nth-of-type(2n){ background-color:#019340; }
.fl_list .fl_item:nth-of-type(2n) p{color:#fff; }
.fl_list .fl_item:after{ content:''; display: block; margin-top: 100%;} 
.fl_list .fl_tit a{ position: relative; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 10%;}

.fl_list .fl_item:hover .fl_tit a p{ opacity: 0; color: #FFF;}
.fl_list .fl_item .img{ width: 210px; display: block; margin: 0 auto; margin-bottom: 20px; overflow: hidden; position: relative;}
.fl_list .fl_item .img img{ width: 200px; display: block; height: 160px; transition: 0.3s all; padding:3px;}
.fl_list .fl_item:nth-of-type(1){ background:#00cf57; }
.fl_list .fl_item:nth-of-type(7){ background:#019340; }
.fl_list .fl_item:nth-of-type(3){  background:#00cf57; }
.fl_list .fl_item:nth-of-type(5){  background:#019340; }

/*数字*/
.fl_tit{ margin:8px 0;}
.fl_tit ul li:nth-child(4) {border-right-style: none;}
.fl_titx .li_box{padding-top: 20px;}
.fl_tit .div1 .span1{font-size: 36px;color: #fff;font-family:'impact';}
.fl_tit .div1 .span3{font-size: 18px;color: #fff;}
.fl_tit .div2 .span2{font-size: 16px;color: #fff;}

/* honor */
/* case */
.honor{ text-align: center; ma rgin-top:50px; margin-bottom: 50px;}
.caseCon #marquee1{ height:253px; overflow:hidden; margin-top:30px;}
#marquee1 ul li{ width:285px; height: 253px; float:left; margin-right:30px; position:relative; ov erflow:hidden;}
#marquee1 ul li .casepic{ width:285px; height: 213px; overflow: hidden;}
#marquee1 ul li .casepic img{ width:100%; min-height: 213px;}
#marquee1 ul li h4{ font-size:18px; color:#4e5b17; text-align: center; font-weight: 100; line-height: 40px;}
.casezhe{ width:285px; height:213px; background: rgba(0,0,0,0.65); position:absolute; top:0px; left:0px;  transform:scale(0); transition:0.75s;}
.casezhe  h3{ font-size:24px; color:#fdfd0b; font-weight: 100; margin-top:40px;}
.casezhe p{ font-size:28px; color:#fff; font-family: 'impact'; margin:15px;}
#marquee1 ul li:hover .casezhe{ transform:scale(1);}

/* message */
.message{ width:100%; height: 329px; background: url(../images/mesbj.jpg) no-repeat center; text-align: center;}
.message .yingtao img{ margin-top:-55px}
.message h3{ font-size:18px; color:#fff; margin-top:-20px;}
.message input{ font-size:16px; color:#999 ;}

.mesLeft{ width:730px; float:left;}
.message #form_do{ padding-top:30px;}
.message .faqline{ wid th:570px;float:left; margin-bottom: 10px;}
.message .faqline input{ height:45px; width:350px; border-radius:5px; border:1px solid #ccc; background:#fff;}
.message textarea{ width:720px; height: 75px; overflow: hidden; margin-left:-5px; margin-bottom:5px;}
.message .FaqTitle{  border-radius:5px; border:1px solid #ccc; }
.message .faqtit{ display:inline-block; color:#fff; font-size:18px;}
.message button{ width:215px; height:45px; border:none; background:#fff; color:#4e5b17;  background: #fdfd0b; cursor:pointer; transition:0.5s; font-size:16px; border-radius:5px; float:right; margin-right:10px;}
.message button:hover{ background:#fff; color:#4e5b17;}
.yzm input{ float:left; margin-right:15px;  width:280px !important;}
.yzm img{ height: 45px;}
.dianhua{ margin-left:30px;}
#xm{ width:340px; }
#dh{ width:340px; }
.mesRight img{ margin-top:30px; float:right;}

/* news */
.news{width:100%; overflow: hidden;}
.nLeft{ margin-top:30px;float:left;}
.newpic { width:479px; height: 228px; overflow: hidden; }
.newpic img{  transition:0.5s; }
.nLeft:hover .newpic img{width:100%; transform: scale(1.1);}
.nLeft:hover h3{ color:#019340}
.newLt{ width:459px; height: 90px; background: #efefef; padding:15px 10px; }
.newLt h3{ font-size:16px; color:#333; float:left; font-weight: 100;}
.newLt span{ font-size:14px; color:#999; float:right;}
.newLt p{ font-size:14px; color:#777; text-align: justify; margin-top:12px;}
.newNum{ width:100px;font-size:68px; text-align: center;  float:left; margin-top:30px; margin-left:30px;}
.Num1{height: 80px; width:100px; border-right:1px solid #b3b3b3; line-height: 80px; color:#019340; margin-bottom:50px;}
.nRight{width:585px; float:right; margin-top:30px; height: 355px; overflow: hidden;}
.nRight ul li{ width:585px; overflow: hidden; margin-bottom:58px; }
.nList{ width:570px; float:right;}
.nList h3{ font-size:16px; color:#333; font-weight: 100; margin-top:3px;}
.nList span{ font-size:14px; color:#999; margin-top:5px;display:block;}
.nList p{ font-size:14px; color:#777; margin-top:5px;}
.nRight ul li:hover h3{ color:#019340;}
.nRight ul li:hover span{color:#666}
.nRight ul li:hover p{color:#333;}

/* footer */
.footer{ width:100%; height: 239px; background: url(../images/fbj.jpg) no-repeat center; margin-top:50px; overflow: hidden;}
.fLeft{ width:365px; float:left;}
.fLeft .flogo{ margin-top:45px; margin-bottom:25px;}
.fLeft .ftel img{ margin-left:45px; display: block;}
.flianxi{ float:left; margin-left:120px; width:330px; margin-top:15px;}
.flianxi ul li{ margin-top:22px; color:#ddd; font-size:16px;}
.flianxi ul li i{ display:inline-block; float:left; margin-right:5px;}

.sys{ width:280px; float:right; margin-top:30px;}
.fshouji{ float:left; margin-top:45px;}
.ewm{ float:right;}

.copyright{ width:100%; height:40px; background: #017131; color:#fff; font-size:14px; text-align:center; line-height:40px; overflow:hidden;}
.copyright a{ color:#fff;}
.copyright p{ float:left; margin-right:25px; margin-left:260px;}
.copyright b{ display:inline-block; float:left; margin-top:5px; }


/******************************************************************内页样式*************************************************************/
.pubNei{ width:100%; margin-top:-178px; }
.pubNei .pubCon{ width:1200px; }
.pubNei h2{ font-size:30px; color:#019340; text-align: center; margin-bottom:30px; margin-top:30px;}

.address{ width:100%; height:60px;  overflow:hidden; line-height:60px; position: relative; t op:-80px; z-index: 999; border-bottom:1px solid #eee; font-size:15px;}
.address .pubCon{ width:1200px; height: 60px;}
.address i{float:left; display:inline-block;  }
.address a{ color:#333; line-height:60px; font-size:15px;}
.address a:hover{ color:#019340;}
.address img{ display:block; float:left; margin-top:5px; margin-right:10px;}
.i1{ width:100%; height:3px; background:#1590e6; margin-top:3px;}

/*about*/
.aboutText{ width:1200px;   height:auto; font-size:16px; color:#333;  margin-top:40px;}
.aboutText p{ font-size:16px; line-height:35px;  text-align:justify; color:#333; }
.aboutText table .firstRow img{ margin-right:20px; margin-bottom:10px;}

/*product内页*/
.prodao{ padding-bottom: 30px;width:1200px;  overflow: hidden;}
.prodao li{ width:225px; height: 45px; line-height: 45px; text-align: center;  border:1px solid #019340; border-radius:5px; float:left; margin-right:15px; margin-bottom:15px;}
.prodao li a{width:225px; font-size:16px; color:#019340; display: block;}
.prodao li:nth-child(5n){ margin-right:0px;}
.prodao li:hover{ background: #019340; }
.prodao li:hover a{ color:#fff;}

/*.proLeft{ width:280px;float:left; }
.proLeft h2{ width:280px; height:80px; background:url(../images/proLeft.jpg) no-repeat center;; font-size:36px;color:#fff; text-align:center; line-height:80px;}
.proLeft .yiji{ width:280px; line-height:50px; text-align:center; background:#eee; font-size:16px; border-bottom:1px dashed #ddd; transition:0.5s; font-weight:600;}
.proLeft .yiji .a1{ color:#1590e6;width:280px; display:block}
.proLeft .erji{ line-height:40px; width:280px; background:#f6f6f6; text-align:center; border-bottom:1px dashed #e3e3e3; font-size:14px; }
.proLeft .erji .a2{ color:#666; font-weight:100; width:280px; display:block;}
.proLeft li a{ color:#333; width:280px; display:block;}
.proLeft .yiji:hover{ background:#8ec31f; }
.proLeft .yiji:hover .a1{ color:#fff;}
.proLeft .erji:hover{ background:#ddd;}
.proLeft .erji:hover .a2{ color:#333;}*/

.proNei{ width:1200px; overflow:hidden; float:right; }
.proNei .proLie{ width:100%;}
.proNei .proLie li{ width:280px; height:auto;  float:left; margin-right:26px; margin-bottom:40px; overflow:hidden; text-align:center; }
.proNei .proLie li:nth-child(4n){ margin-right:0px;}
.proNei .proLie li .propic{ width:280px; height:210px; overflow:hidden; }
.proNei .proLie li .propic img{ display:block; width:100%; transition:0.5s; min-height:210px;}
.proNei .proLie li:hover .propic img{ transform:scale(1.1);}
.proNei .proLie li h4{ height:40px; background:#333; font-size:18px; color:#fff; font-weight:100; text-align:center; line-height:40px; width:100%; transition:0.5s;}
.proNei .proLie li:hover h4{ background:#019340;}


.page{ width:920px; margin-top:15px; text-align:center; margin:0 auto; ma rgin-bottom:60px;}
.page .current{ width:50px; height:30px; background:#019340; border-radius:3px; display:inline-block; color:#fff; text-align:center; line-height:30px;}
.page a{ display:inline-block; width:50px; height:30px; border:1px solid #ccc; ba ckground:#333; color:#666; line-height:30px; text-align:center; margin-left:10px; transition:0.5s;border-radius:3px; font-size:16px;font-family:"微软雅黑","黑体","宋体"; font-weight:100;}
.page a:hover{ background:#019340; border-color:#019340;color:#fff;}


/*产品详情页*/
.productnei{width:1200px; float:right; margin-top:40px; }
.productnei h3{ text-align:center; }
.fbdate{ text-align:center; margin:20px auto 30px; font-size:14px; color:#666;}
.productText{ width:900px; }
.productText p{ font-size:16px; text-align:justify; text-indent:2em; line-height:30px;  color:#333;}

.pian{ margin-top:30px;}
.pian p{ font-size:16px; line-height:30px; }
.pian a{ color:#333;}
.pian p:hover a{ color:#019340;}


/*news新闻内页*/
.newslist{ margin-top:30px;width:1200px;}
.newslist li{ float:left; width:1200px;height:170px; border-bottom:2px solid #eee; margin:0px 0px 30px;}
.newslist li a{ color:#666;}
.newspic{ width:220px; height:150px;  text-align:center; float:left; transition:0.5s; overflow: hidden;}
.newspic img{ width:100%;min-height: 150px; transition:0.75s;}
.newslist .newstext{ width:940px; float:left; margin-left:40px;}
.newslist .newstext h3{font-size:18px; color:#333; font-weight:100; margin:0px 0px 5px; transition:0.5s;}
.newslist .newstext span{ font-size:14px; color:#999;}
.newslist .newstext p{ font-size:14px; line-height:1.75em; color:#777; margin-top:3px; }
.nmore{ width:240px; height: 40px; background: #ddd;color:#333; font-size:16px; text-align: center; transition:0.5s; line-height: 40px; border-radius: 20px; margin-top:5px;}

.newslist li:hover a h3{ color:#019340; margin-left:20px;}
.newslist li:hover .newspic img{ transform: scale(1.1);}
.newslist li:hover .nmore{ background: #019340; color:#fff;}
.newslist li:hover

.newsneiCon{ margin-bottom:30px;width:1100px; float:right; padding:0px 30px 0px 50px;  }
.newsneiCon h3{ text-align:center;margin-top:40px;}
.newsneiCon .fbdate{ text-align:center; margin:15px auto;}
.newsText { margin-bottom:30px; font-size:16px; color:#333; text-indent:2em;}
.newsText p{ line-height:30px;}

/*联系我们*/
.contacttext{ font-weight:600; font-size:16px; line-height:60px !important; padding-left:60px;float:left;}
.contacttext img{ display:inline-block; float:left; margin-right:5px; margin-top:20px;}
.contactimg{ float:right; position:relative; top:-240px; }
.contactimg img{display:block;float:right; }
#dituContent{ width:1150px; margin-left:25px;}

/*在线留言*/
.messageCon{ margin-left:300px; padding-top:30px; float:left;}
.faqline{margin-bottom:20px;}
.messageCon input{ height:40px; width:500px; margin-left:15px; border-radius:10px; border:1px solid #ccc;}
.messageCon .Content{ margin-bottom:20px; }
.messageCon textarea{  border-radius:10px; border:1px solid #ccc;margin-left:15px; width:500px;}
.messageCon .faqtit{ width:100px; display:inline-block; font-weight:600;}
.messageCon button{ width:620px; height:50px; border:none; background:#fff; color:#019340; border:1px solid #019340; cursor:pointer;  margin-top:20px; transition:0.5s; font-size:16px; border-radius:10px;}
.messageCon button:hover{ background:#019340; color:#fff;}